<html>
    <head>
        <meta charset="utf-8">
        <meta name="author" content="姜美丽">
        <title></title>
        <style>
            div{
                width: 500px;
                display: flex;
                /*设置主轴方向*/
                /* 
                  row：默认值，水平方向，起点在左端
                  row-reverse:水平方向起点在右
                  
                */
                flex-direction: column;
                /*flex-wrap:wrap;*/
                flex-flow: column wrap-reverse;
            }
            div p{
                border: 2px solid #000;
               width: 100px;  
            }
        </style>
    </head>
    <body>
        <div>
           <p>00101</p>
           <p>00102</p>
           <p>00103</p>
           <p>00104</p>
           <p>00105</p>
           <p>00106</p>
           <p>00107</p>
           <p>00108</p>
           <p>00109</p>
           <p>00100</p>
        </div>
    </body>
</html>